import { connect } from 'dva';
import styles from './index.less';
import selectedImg from '../../assets/checkbox_selected+normal@3x.png';
import back from '../../assets/light_back@3x.png';
import { Carousel, WingBlank } from 'antd-mobile';
import img1 from "../../assets/largePicture.png";
import img2 from "../../assets/largePicture.png";
import img3 from "../../assets/largePicture.png";
import img4 from "../../assets/largePicture.png";
import img5 from "../../assets/largePicture.png";
import router from 'umi/router';
const data = ["0", "1", "2", "3", "4"];
const imag = [img1, img2, img3, img4, img5];
function App({lookPicture,dispatch}) {
    const { text,list } = lookPicture;
    return (
        <div className={styles.normal}>
          <div className={styles.masklayer}>
          </div>
          <div className={styles.otherView}>
            <div className={styles.lgContent}>
              <div className={styles.lgTip}>
                <img className={styles.backImg} src={back} onClick={()=>router.push('promotion')}/>
                <img className={styles.selectedImg} src={selectedImg}/>
              </div>
            </div>
            <div className={styles.pictureModule}>
              <Carousel>
                {data.map(val => (
                  <a key={val} className={styles.carouselContent}>
                    <img src={imag[val]} alt="" className={styles.carouselPicture} />
                  </a>
                ))}
              </Carousel>
            </div>
            <div className={styles.footer}>
              <span className={styles.footerText}>保存此图片</span>
              <span className={styles.footerText}>您已选择<span className={styles.pictureNum}>3</span>张图片</span>
            </div>
          </div>
        </div>
    );
}
export default connect(({lookPicture})=>({lookPicture}))(App);
